
<!--markup header-->
<header role="banner"> 
    <!--header top part-->
    <section class="h_top_part">
        <div class="container">
            <div class="row clearfix">
                <div class="col-lg-4 col-md-4 col-sm-5 t_xs_align_c">
                    <p class="f_size_small">Hãy <a href="#" data-popup="#login_popup">Đăng nhập </a>hoặc <a href="#" data-popup="#login_popup">Tạo tài khoản</a> </p>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-2 t_align_c t_xs_align_c">
                    <p class="f_size_small">Chúng tôi luôn sẵn sàng hỗ trợ: <b class="color_dark">(123) 456-7890</b></p>
                </div>
                <nav class="col-lg-4 col-md-4 col-sm-5 t_align_r t_xs_align_c">
                    <ul class="d_inline_b horizontal_list clearfix f_size_small users_nav">
                        <li><a href="#" class="default_t_color">Tài khoản</a></li>
                        <li><a href="#" class="default_t_color">Yêu thích</a></li>
                        <li><a href="#" class="default_t_color">Mong muốn</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </section>
    <!--header bottom part-->
    <section class="h_bot_part container">
        <div class="clearfix row">
            <div class="col-lg-6 col-md-6 col-sm-4 t_xs_align_c"> <a href="http://mylocalhost.com:8080/shopbangiay" class="logo m_xs_bottom_15 d_xs_inline_b"> <img src="<?php echo base_url('assets'); ?>/images/logo.png" alt=""> </a> </div>
            <div class="col-lg-6 col-md-6 col-sm-8 t_align_r t_xs_align_c">
                <ul class="d_inline_b horizontal_list clearfix t_align_l site_settings">
                    <!--like-->
                    <li> <a role="button" href="#" class="button_type_1 color_dark d_block bg_light_color_1 r_corners tr_delay_hover box_s_none"><i class="fa fa-heart-o f_size_ex_large"></i><span class="count circle t_align_c">12</span></a> </li>
                    <li class="m_left_5"> <a role="button" href="#" class="button_type_1 color_dark d_block bg_light_color_1 r_corners tr_delay_hover box_s_none"><i class="fa fa-files-o f_size_ex_large"></i><span class="count circle t_align_c">3</span></a> </li>

                    <!--shopping cart//Nhan lam -->
                    <li class="m_left_5 relative container3d" id="shopping_button"> <a role="button" href="#" class="button_type_3 color_light bg_scheme_color d_block r_corners tr_delay_hover box_s_none"> <span class="d_inline_middle shop_icon m_mxs_right_0"> <i class="fa fa-shopping-cart"></i> <span class="count tr_delay_hover type_2 circle t_align_c" id="total-quantity-cart"></span> </span></a>
                        <div class="shopping_cart top_arrow tr_all_hover r_corners">
                           <!--shopping cart//Nhan lam --> <div class="f_size_medium sc_header" id="total-quantity-cart-detail"></div>
                            <ul class="products_list" id="cart-menu-item">
                                
                            </ul>
                            <!--total price-->
                            <ul class="total_price bg_light_color_1 t_align_r color_dark">
                                <li class="m_bottom_10">Tổng cộng: <span id="total-price" class="f_size_large sc_price t_align_l d_inline_b m_left_15"></span></li>
                                <li class="m_bottom_10">Giảm giá: <span class="f_size_large sc_price t_align_l d_inline_b m_left_15">0 VND</span></li>
                              <!--Nhan lam -->  <li>Thành tiền: <b id="total-price-summary" class="f_size_large bold scheme_color sc_price t_align_l d_inline_b m_left_15"></b></li>
                            </ul>
                            <div class="sc_footer t_align_c"> <a href="#" role="button" class="button_type_4 d_inline_middle bg_light_color_2 r_corners color_dark t_align_c tr_all_hover m_mxs_bottom_5">XEM GIỎ HÀNG</a> <a href="#" role="button" class="button_type_4 bg_scheme_color d_inline_middle r_corners tr_all_hover color_light">THANH TOÁN</a> </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <!--main menu container-->
    <section class="menu_wrap relative">
        <div class="container clearfix"> 
            <!--button for responsive menu-->
            <button id="menu_button" class="r_corners centered_db d_none tr_all_hover d_xs_block m_bottom_10"> <span class="centered_db r_corners"></span> <span class="centered_db r_corners"></span> <span class="centered_db r_corners"></span> </button>
            <!--main menu-->
            <nav role="navigation" class="f_left f_xs_none d_xs_none">
                <ul class="horizontal_list main_menu clearfix">
                    <li class="current relative f_xs_none m_xs_bottom_5"><a href="/" class="tr_delay_hover color_light tt_uppercase">OVITIME</a> </li>
                    <?php
                    if (isset($categories)) {
                        foreach ($categories as $val) {
                            $category_title = $val->title;
                            $parent_id = $val->parent_id;
                            ?>
                            <li class="relative f_xs_none m_xs_bottom_5"><a href="javascript:void(0)" class="tr_delay_hover color_light tt_uppercase"><?php echo $category_title; ?></a>
                                <div class="sub_menu_wrap top_arrow d_xs_none type_2 tr_all_hover clearfix r_corners">
                                    <div class="sub_menu">
                                        <ul class="f_left">
                                            <li><a class="color_dark tr_delay_hover" href="#">Dành cho Nam</a></li>
                                            <?php
                                            if (isset($allcategory)) {
                                                foreach ($allcategory as $cate) {
                                                    //   var_dump($cate);
                                                    $categorycon_title = $cate->title;
                                                    $category_parent = $cate->parent_id;
                                                    $category_sex = $cate->type;
                                                    ?>
                                                    <?php if ($category_parent == $parent_id && $category_sex == '1') {
                                                        ?>
                                                        <li>
                                                            <a class="color_dark tr_delay_hover normal-text" href="#"><?php echo $categorycon_title; ?></a>
                                                        </li>
                                                        <?php
                                                    }
                                                    ?>

                                                    <?php
                                                }
                                            }
                                            ?>
                                        </ul>
                                        <ul class="f_left">
                                            <li><a class="color_dark tr_delay_hover" href="#">Dành cho Nữ</a></li>
                                            <?php
                                            if (isset($allcategory)) {
                                                foreach ($allcategory as $cate) {
                                                    //   var_dump($cate);
                                                    $categorycon_title = $cate->title;
                                                    $category_parent = $cate->parent_id;
                                                    $category_sex = $cate->type;
                                                    ?>
                                                    <?php if ($category_parent == $parent_id && $category_sex == "2") { ?>
                                                        <li>
                                                            <a class="color_dark tr_delay_hover normal-text" href="#"><?php echo $categorycon_title; ?></a>
                                                        </li>

                                                        <?php
                                                    }
                                                    ?>

                                                    <?php
                                                }
                                            }
                                            ?>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <?php
                        }
                    }
                    ?>
                </ul>
            </nav>
            <button class="f_right search_button tr_all_hover f_xs_none d_xs_none"> <i class="fa fa-search"></i> </button>
        </div>
        <!--search form-->
        <div class="searchform_wrap tf_xs_none tr_all_hover">
            <div class="container vc_child h_inherit relative">
                <form role="search" class="d_inline_middle full_width">
                    <input type="text" name="search" placeholder="Bạn muốn mua gì hôm nay?" class="f_size_large">
                </form>
                <button class="close_search_form tr_all_hover d_xs_none color_dark"> <i class="fa fa-times"></i> </button>
            </div>
        </div>
    </section>
</header>
